{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$info.title}{/block}
{block name="head_keword"}{$info.keywords?:$info.title}  {$s_info.name} {/block}
{block name="head_description"}{:get_word(del_html($info['content']),300)}{/block}

{block name="body_content"}
<link rel="stylesheet" href="__STATIC__/index/default/showpic.css">



<div class="ShowPhotoCont">
{qb:showpage name="photo_show_pic0"}
	<div class="PhotoBox">
		<div class="BigPic"><span><a href="#" onclick="$('.photo-swipe figure').eq(0).find('img').trigger('click')"><img src="{$listdb.0.picurl}"/></a></span></div>
		<ul class="MorePic photo-swipe">
	{volist name="listdb" id="rs"}
	<figure>
			<a href="{$rs.picurl}" data-size="800x600">
			<li><span><img src="{$rs.picurl}"/></span></li>
			</a>
	</figure>
	{/volist}
		</ul>
	</div>
{/qb:showpage}

{include file="index@common/photoswipe" /}
<script type="text/javascript">
$(function(){
	$('.photo-swipe figure').each(function(){
		var that = $(this);
		var img = $(this).find('img');
		$("<img/>").attr("src", $(img).attr("src")).load(function() {
			var realWidth = this.width;
			var realHeight = this.height;
			that.find('a').attr('data-size',realWidth+'x'+realHeight);
		});
	});
	initPhotoSwipeFromDOM('.photo-swipe');
});
</script>

<script type="text/javascript">
function add_fav(id){
	var url="{:purl('fav/api/add')}?type={:config('system_dirname')}&id="+id;
	$.get(url,function(res){
		if(res.code==0){
			layer.msg('收藏成功');
		}else{
			layer.alert(res.msg);
		}
	})
}
</script>
<style type="text/css">.infos{font-size:14px;color:#999;}.infos span{margin-right:10px;}</style>
	<div class="ContentBox">
	{qb:hy name="wap_cmsshow_content201" type="labelmodel" val="datas" where="index_style/default/cms/content/wap_model/gz"} {$datas} {/qb:hy}
		<div class="title">{$info.title}</div>
		<div class="infos">
			<span><i class="glyphicon glyphicon-time"></i> {:date("Y-m-d H:i:s",$info.create_time)}</span>
			<span><i class="si si-eye"></i> {$info.view}</span>
			<span onclick="add_fav({$id})"> <li class="fa fa-fw fa-heart"></li>收藏</span> 
			<span class="manage_topic"> <li class="fa fa-cogs"></li> 管理</span> 
			{include file="index@common/manage_btn" /}
		</div>
		<div class="Cont">
			<i class="glyphicon glyphicon-paperclip"></i>
			{$info.content}
		</div>
	</div>
	<!--引用评论碎片-->
	{qb:comment name="commentwap02" rows='5' tpl="comment/wap01"}{/qb:comment}
</div>


<script>
$('.PhotoBox img').hover(
	function(){
		$(this).animate({"width":"150%"},300);
	},
	function(){
		$(this).animate({"width":"100%"},300);
	}
);
</script>




<!-- 分享海报二维码宣传推广图片 -->
{include file="$haibao" /}
{include file="../../../haibao_style/btn" /}
<!--<div style="position:fixed;right:30px;top:80px;z-index:200;width:30px;font-size:10px;line-height:10px;color:#000;opacity:0.7;"><i id="share_code" onclick="share_btn()" style="font-size:30px;" class="fa fa-qrcode"></i>海报</div>-->


<!-- 微信分享 -->
{include file="index@share"/}

{/block}